﻿<br />
<div class="orderHeader">
    <table style="width: 98%; border: 0;">
        <tbody>
            <tr>
                <td style="width: 30%; text-align: center; vertical-align: top;">
                    <div id="myImagesSlideBox" class="myImagesSlideBox">
                        <div class="myImages">
                            <img src="../../Content/ProductsShow/images/sail.jpg" class="myImgs" bigimg="../../Content/ProductsShow/images/bigimges_01.jpg">
                        </div>
                        <div id="scrollable">
                            <a class="prev" href="#" title=" previous page"></a>
                            <div class="items">
                                <div class="scrollableDiv">
                                    <a>
                                        <img src="../../Content/ProductsShow/images/sail_sm.jpg" imgb="../../Content/ProductsShow/images/sail.jpg"
                                            bigimg="../../Content/ProductsShow/images/sail.jpg"></a> <a>
                                                <img src="../../Content/ProductsShow/images/shap_01_sm.jpg" imgb="../../Content/ProductsShow/images/shap_01.jpg"
                                                    bigimg="../../Content/ProductsShow/images/shap_01.jpg"></a> <a>
                                                        <img src="../../Content/ProductsShow/images/material_sm.jpg" imgb="../../Content/ProductsShow/images/material.jpg"
                                                            bigimg="../../Content/ProductsShow/images/material.jpg"></a>
                                    <a>
                                </div>
                                <br clear="all" />
                            </div>
                            <a class="next" href="#" title=" next page"></a>
                        </div>
                    </div>
                </td>
                <td style=" vertical-align:top;">
                    <table style="border: 1px solid #DCDCDC; width: 98%;">
                        <tbody>
                            <tr>
                                <td>
                                    I
                                </td>
                                <td>
                                    <input type="text" />m
                                </td>
                                <td style="text-align: center">
                                    <a href="#" title="Wikipedia: Quantum mechanics">
                                        <img src="@Url.Content("~/Content/images/help_me_choose.gif")" /></a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    J
                                </td>
                                <td>
                                    <input type="text" />m
                                </td>
                                <td style="text-align: center">
                                    <a href="#" title="Wikipedia: Quantum mechanics">
                                        <img src="@Url.Content("~/Content/images/help_me_choose.gif")" /></a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Luff:
                                </td>
                                <td>
                                    <input type="text" />m
                                </td>
                                <td style="text-align: center">
                                    <a href="#" title="Wikipedia: Quantum mechanics">
                                        <img src="@Url.Content("~/Content/images/help_me_choose.gif")"  alt=""/></a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Leech:
                                </td>
                                <td>
                                    <input type="text" />m
                                </td>
                                <td style="text-align: center">
                                    <a href="#" title="Wikipedia: Quantum mechanics">
                                        <img src="@Url.Content("~/Content/images/help_me_choose.gif")" /></a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Foot:
                                </td>
                                <td>
                                    <input type="text" />m
                                </td>
                                <td style="text-align: center">
                                    <a href="#" title="Wikipedia: Quantum mechanics">
                                        <img src="@Url.Content("~/Content/images/help_me_choose.gif")" /></a>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 25%">
                                    Size:
                                </td>
                                <td style="width: 40%">
                                    <input type="text" />m²
                                </td>
                                <td style="text-align: center">
                                    <a href="#" title="Wikipedia: Quantum mechanics">
                                        <img src="@Url.Content("~/Content/images/help_me_choose.gif")"   alt=""/></a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    <br />
    <h3>
        Options required:</h3>
    <br />
    <table style="border: 1px solid #DCDCDC; width: 96%;">
        <tbody>
            <tr>
                <td style="width: 250px;">
                    CSF to design sail
                </td>
                <td style="width: 100px;">
                    <input type="checkbox" />$
                </td>
                <td style="width: 250px;">
                    Jackline Kits
                </td>
                <td style="width: 100px;">
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    UV Sunbrella cover at clew
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Jackline Kits
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    UV White Dacron cover at clew
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Flattener
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    UV Sunbrella cover at clew
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Jackline Kits
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Overhead Leechline
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Cunningham
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Seamkote UV Protection
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Shelf Foot
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Radial Corner Patches
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Boat Insignia
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Ultrabond Glued Seam
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Vision Window
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Bluewater Upgrade
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    Leisurefurl Furling System
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    <span style="color: Red">(Input quantity for the following)</span>
                </td>
                <td>
                </td>
                <td>
                    Other In Boom Furling Systems
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Reefs
                </td>
                <td>
                    <select>
                        <option>1</option>
                    </select>
                </td>
                <td>
                    2 Ply to Head and Clew
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Handsewn Leather Corner
                </td>
                <td>
                    <input type="text" style="width: 20px" />$
                </td>
                <td>
                    2 ply to complete leech, Head and Clew
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    McLube Sailkote plus feature
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                    2 ply to complete sails
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
            </tr>
            <tr>
                <td>
                    Use Gore Tenara PTFE Thread
                </td>
                <td>
                    <input type="checkbox" />$
                </td>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<br />
